<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  
  
    <meta name="keywords" content="ChinJiaqing,ChinJiaqing的个人博客,季夏拾陆">
  
  
    <meta name="description" content="ChinJiaqing的个人博客">
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>
    
    季夏·拾陆</title>
  
    <link rel="shortcut icon" href="/favicon.ico">
  
  
<link rel="stylesheet" href="/css/style.css">

  
    
<link rel="stylesheet" href="/fancybox/jquery.fancybox.min.css">

  
  
<script src="/js/pace.min.js"></script>

<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/atom.xml" title="季夏·拾陆" type="application/atom+xml">
</head>

<body>
<main class="content">
  <section class="jumbotron">
  <div class="video">
    
      <div class="video-frame">
        <img src="/images/ocean/overlay-hero.png" alt="Decorative image frame">
      </div>
    
    <div class="video-media">
      <div class="video-overlay"></div>
    </div>
    <div class="video-inner text-center text-white">
      <h1><a href="/">季夏·拾陆</a></h1>
      <p><span id="jinrishici-sentence">碧琅玕绕碧梧桐，面面轩窗面面风。</span></p>
      <div><img src="/images/chin-b.png" class="brand" alt="季夏·拾陆"></div>
    </div>
    <div class="video-learn-more">
      <a class="anchor" href="#landingpage"><i class="fe fe-mouse"></i></a>
    </div>
  </div>
  
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js"></script>

</section>

<div id="landingpage">
  <section class="outer">
    <article class="articles">
      
      <h1 class="page-type-title"></h1>
      
        
          <article id="post-vue-cli-多页应用配置" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/2021/01/05/vue-cli-%E5%A4%9A%E9%A1%B5%E5%BA%94%E7%94%A8%E9%85%8D%E7%BD%AE/">vue-cli 多页应用配置</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/2021/01/05/vue-cli-%E5%A4%9A%E9%A1%B5%E5%BA%94%E7%94%A8%E9%85%8D%E7%BD%AE/" class="article-date">
  <time datetime="2021-01-05T03:18:21.000Z" itemprop="datePublished">2021-01-05</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/categories/vue/">vue</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                                    <p><code>vue.config.js</code>配置<code>pages</code></p>
<figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br></pre></td><td class="code"><pre><span class="line"><span class="built_in">module</span>.exports = &#123;</span><br><span class="line">    pages:&#123;</span><br><span class="line">      page1: &#123;</span><br><span class="line">        entry: <span class="string">"src/main.js"</span>,</span><br><span class="line">        template: <span class="string">"public/index.html"</span>,</span><br><span class="line">        filename: <span class="string">"index.html"</span>,</span><br><span class="line">        title: <span class="string">"page1"</span>,</span><br><span class="line">      &#125;,</span><br><span class="line">      page2: &#123;</span><br><span class="line">        <span class="comment">/* 入口js文件*/</span></span><br><span class="line">        entry: <span class="string">"src/page2.js"</span>,</span><br><span class="line">        <span class="comment">/* 模版文件 */</span></span><br><span class="line">        template: <span class="string">"public/page2.html"</span>,</span><br><span class="line">        <span class="comment">/* 生成html的文件名 */</span></span><br><span class="line">        filename: <span class="string">"page2.html"</span>,</span><br><span class="line">        <span class="comment">/* 页面标题 */</span></span><br><span class="line">        title: <span class="string">"page2"</span>,</span><br><span class="line">        <span class="comment">/* 是否注入资源 */</span></span><br><span class="line">        inject:<span class="literal">false</span>,</span><br><span class="line">        <span class="comment">/* 包含的模块 */</span></span><br><span class="line">        chunks:[]</span><br><span class="line">      &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
                                                                        
                                    </div>
                                    <footer class="article-footer">
                                        <a data-url="https://chinjiaqing.github.io/2021/01/05/vue-cli-%E5%A4%9A%E9%A1%B5%E5%BA%94%E7%94%A8%E9%85%8D%E7%BD%AE/" data-id="ckjjfno8v0000ycugeagp5fag" class="article-share-link">
                                            分享
                                        </a>
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/" rel="tag">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue%E5%A4%9A%E9%A1%B5%E5%BA%94%E7%94%A8/" rel="tag">vue多页应用</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
    </article>
    
  
    
  </section>
</div>

  <footer class="footer">
  <div class="outer">
    <div class="float-right">
      <ul class="list-inline">
  
    <li><i class="fe fe-bar-chart"></i> <span id="busuanzi_value_site_pv"></span></li>
  
    <li><i class="fe fe-smile-alt"></i> <span id="busuanzi_value_site_uv"></span></li>
  
</ul>
    </div>
    <ul class="list-inline">
      <li>&copy; 2021 季夏·拾陆</li>
      <li>Powered by <a href="http://hexo.io/" target="_blank">Hexo</a></li>
      <li>Theme  <a href="https://github.com/zhwangart/hexo-theme-ocean" target="_blank" rel="noopener">Ocean</a></li>
    </ul>
  </div>
</footer>

</main>
<aside class="sidebar">
  <button class="navbar-toggle"></button>
<nav class="navbar">
  
    <div class="logo">
      <a href="/"><img src="/images/chin-b.png" alt="季夏·拾陆"></a>
    </div>
  
  <ul class="nav nav-main">
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">首页</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/archives">归档</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/about">关于</a>
      </li>
    
    <li class="nav-item">
      <a class="nav-item-link nav-item-search" title="搜索">
        <i class="fe fe-search"></i>
        搜索
      </a>
    </li>
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      <div class="totop" id="totop">
  <i class="fe fe-rocket"></i>
</div>
    </li>
    <li class="nav-item">
      
        <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
          <i class="fe fe-feed"></i>
        </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
</aside>

<script src="/js/jquery-2.0.3.min.js"></script>


<script src="/js/jquery.justifiedGallery.min.js"></script>


<script src="/js/lazyload.min.js"></script>


<script src="/js/busuanzi-2.3.pure.min.js"></script>


  
<script src="/fancybox/jquery.fancybox.min.js"></script>






<script src="/js/ocean.js"></script>


</body>
</html>